<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font-iocn/iconfont.css">
    <link rel="stylesheet" href="./node_modules/swiper/dist/css/swiper.css">
    <link rel="stylesheet" href="./css/animate.css">
</head>

<body>
    <div class="flex">
        <header>
            <div class="log">
                美文美景
            </div>
            <div class="menu">
                <i class="iconfont icon-liebiao"></i>
            </div>
        </header>
        <div class="scroll">
            <!-- banner Star -->
            <div class="banner">

                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div style="background:url('./images/banner_02.jpg') center center;background-size: 100%,100%">
                                <h2 style="visibility:hidden" data-animation="slideInLeft" data-timeout="500">专业AI数据标注平台</h2>
                                <p style="visibility:hidden" data-animation="slideInLeft" data-timeout="1000">全职团队专注于文章和视频的采集与标注</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div style="background:url('./images/banner_01.png') center center;background-size: 100%,100%">
                                <h2 style="visibility:hidden" data-animation="slideInLeft" data-timeout="500">文章短视频我们更懂内容</h2>
                                <p style="visibility:hidden" data-animation="slideInLeft" data-timeout="1000">十年互联网专业编辑团队，
                                    帮助客户训练内容推荐算法模型、开展机器学习， 提高内容推荐的竞争力。</p>
                            </div>
                        </div>

                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <!-- banner End -->

            <!-- 数据产品 Star-->
            <div class="product">
                <div class="title move" style="visibility:hidden" data-animation="slideInDown" data-timeout="500">
                    <div class="font"> <span>数据产品</span>
                        <div class="hr"></div>
                    </div>
                </div>
                <div class="dataList">
                    <ul>
                        <li class="labe move"  data-animation="zoomIn" data-timeout="500">
                            <img class="move"  data-animation="zoomIn" data-timeout="500" src="./images/icon_labe.png"
                                alt="数据标注">
                            <h2 class="move"  data-animation="slideInLeft" data-timeout="500">数据标注</h2>
                            <p class="move"  data-animation="slideInLeft" data-timeout="500">高效高质处理大规模的文本，图片，视频数据任务</p>
                        </li>
                        <li class="discern move" data-animation="zoomIn" data-timeout="500">
                            <img class="move" data-animation="zoomIn" data-timeout="500" src="./images/icon_discern.png" data-animation="zoomIn" data-timeout="500" alt="文章内容识别">
                            <h2 class="move"  data-animation="slideInRight" data-timeout="500">文章内容识别</h2>
                            <p class="move" data-animation="slideInRight" data-timeout="500">人物属性、地名地理位置、机构名称、专有名词</p>
                        </li>
                        <li class="acquisition move" data-animation="zoomIn" data-timeout="500">
                            <img class="move" src="./images/icon_acquisition.png" alt="媒体数据采集" data-animation="zoomIn" data-timeout="1500">
                            <h2 class="move" data-animation="slideInLeft" data-timeout="500">媒体数据采集</h2>
                            <p class="move"  data-animation="slideInLeft" data-timeout="500">文本、视频、语音、图片数据采集</p>
                        </li>
                        <li class="details move"  data-animation="zoomIn" data-timeout="500">
                            <img class="move" src="./images/icon_details.png" data-animation="zoomIn" data-timeout="1500" alt="内容解决方案">
                            <h2 class="move" data-animation="slideInRight" data-timeout="500">内容解决方案</h2>
                            <p class="move" data-animation="slideInRight" data-timeout="500">定制各类内容需求 解决方案</p>
                        </li>
                        <li class="classify move" data-animation="zoomIn" data-timeout="500">
                            <img class="move" data-animation="zoomIn" data-timeout="500" src="./images/icon_classify.png" alt="数据分类与清洗">
                            <h2 class="move" data-animation="slideInLeft" data-timeout="500">数据分类与清洗</h2>
                            <p class="move"  data-animation="slideInLeft" data-timeout="500">专业数据科学家团队需求进行深入挖掘并给出最佳 解决方案</p>
                        </li>
                        <li class="extraction move" data-animation="zoomIn" data-timeout="500">
                            <img class="move" data-animation="zoomIn" data-timeout="500" src="./images/icon_extraction.png" alt="数据内容与提取">
                            <h2 class="move" data-animation="slideInRight" data-timeout="500">数据内容与提取</h2>
                            <p class="move" data-animation="slideInRight" data-timeout="500">词性分析、语料采集整理、语义判别、 舆情采集分析等工作</p>
                        </li>

                    </ul>
                </div>
            </div>
            <!-- 数据产品 End  -->

            <!-- 服务流程 Star -->
            <div class="service move" data-animation="zoomIn" data-timeout="500">
                <img  src="./images/服务流程.png" alt="">
            </div>
            <!-- end -->
            <!-- 服务优势 Star-->
            <div class="advantage">
                <div class="title">
                    <div class="font move" data-animation="fadeInDownBig" data-timeout="500"> <span>服务优势</span>
                        <div class="hr"></div>
                    </div>
                </div>
                <div class="list">
                    <ul>
                        <li>
                            <img class="move" data-animation="zoomIn" data-timeout="500" src="./images/icon_article.png" alt="专业文章标注">
                            <h2 class="move" data-animation="fadeInLeft" data-timeout="500">专业文章标注</h2>
                            <p class="move" data-animation="fadeInLeft" data-timeout="500">专注人工智能数据服务， 提供文章等各类型数据 定制标注服务与解决方案</p>
                        </li>
                        <li>
                            <img class="move" data-animation="zoomIn" data-timeout="500" src="./images/icon_video.png" alt="专业视频标注">
                            <h2 class="move" data-animation="fadeInRight" data-timeout="500">专业视频标注</h2>
                            <p class="move" data-animation="fadeInRight" data-timeout="500">专注视频数据，为数据需求方提供数据服务标注等 多种需求合作方式</p>
                        </li>
                        <li>
                            <img class="move" data-animation="zoomIn" data-timeout="500" src="./images/icon_individuation.png" alt="专业编辑团队">
                            <h2 class="move" data-animation="fadeInLeft" data-timeout="500">专业编辑团队</h2>
                            <p class="move" data-animation="fadeInLeft" data-timeout="500">团队成员十年互联网编辑经验</p>
                        </li>
                        <li>
                            <img class="move" data-animation="zoomIn" data-timeout="500" src="./images/icon_one-stop.png" alt="更懂媒体内容">
                            <h2 class="move" data-animation="fadeInRight" data-timeout="500">更懂媒体内容</h2>
                            <p class="move" data-animation="fadeInRight" data-timeout="500">文章短视频资讯内容 我们更专业</p>
                        </li>
                        <li>
                            <img class="move" data-animation="zoomIn" data-timeout="500" src="./images/icon_team.png" alt="全职标注团队">
                            <h2 class="move" data-animation="fadeInLeft" data-timeout="500">全职标注团队</h2>
                            <p class="move" data-animation="fadeInLeft" data-timeout="500">百人全职团队专业标注工作</p>
                        </li>
                        <li>
                            <img class="move" data-animation="zoomIn" data-timeout="500" src="./images/icon_ efficiency.png" alt="标注效率最高">
                            <h2 class="move" data-animation="fadeInRight" data-timeout="500">标注效率最高</h2>
                            <p class="move" data-animation="fadeInRight" data-timeout="500">年轻群体，高效快捷，充满活力</p>
                        </li>
                        <li>
                            <img class="move" data-animation="zoomIn" data-timeout="500" src="./images/icon_ stringent.png" alt="质量要求严格">
                            <h2 class="move" data-animation="fadeInLeft" data-timeout="500">质量要求严格</h2>
                            <p class="move" data-animation="fadeInLeft" data-timeout="500">多层管理模式，百分百要求，严格质量控制</p>
                        </li>
                        <li>
                            <img class="move" data-animation="zoomIn" data-timeout="500" src="./images/icon_experienced.png" alt="标注经验丰富">
                            <h2 class="move" data-animation="fadeInRight" data-timeout="500">标注经验丰富</h2>
                            <p class="move" data-animation="fadeInRight" data-timeout="500">文章内容，视频内容，大量数据历练</p>
                        </li>
                    </ul>
                </div>

            </div>
            <!-- 服务优势 End-->

            <!-- 个性化定制 Start -->
            <div class="individuation">
                <img class="move" data-animation="zoomIn" data-timeout="500" src="./images/individuation.png" alt="">
            </div>
            <!-- 个性化定制 End -->

            <!-- 关于我们 Start -->
            <div class="about">
                <div class="title">
                    <div class="font move" data-animation="zoomIn" data-timeout="500"> <span>关于我们</span>
                        <div class="hr"></div>
                    </div>
                </div>
                <div class="list">
                    <ul>
                        <li class="move" data-animation="zoomIn" data-timeout="500">
                            <div class="edtail">
                                <h2>美文美影亮相第五届世界互联网
                                    大会</h2>
                                <p>11月7-9日，美文美影受邀参加由国家互联网信息办公室和浙江省人民政府共……</p>
                            </div>
                            <img src="./images/pic_新闻图片01.png" alt="">
                        </li>
                        <li class="move" data-animation="zoomIn" data-timeout="500">
                            <div class="edtail">
                                <h2>美文美影亮相第五届世界互联网
                                    大会</h2>
                                <p>11月7-9日，美文美影受邀参加由国家互联网信息办公室和浙江省人民政府共……</p>
                            </div>
                            <img src="./images/pic_新闻图片01.png" alt="">
                        </li>
                        <li class="move" data-animation="zoomIn" data-timeout="500">
                            <div class="edtail">
                                <h2>美文美影亮相第五届世界互联网
                                    大会</h2>
                                <p>11月7-9日，美文美影受邀参加由国家互联网信息办公室和浙江省人民政府共……</p>
                            </div>
                            <img src="./images/pic_新闻图片01.png" alt="">
                        </li>
                        <li class="move" data-animation="zoomIn" data-timeout="500">
                            <div class="edtail">
                                <h2>美文美影亮相第五届世界互联网
                                    大会</h2>
                                <p>11月7-9日，美文美影受邀参加由国家互联网信息办公室和浙江省人民政府共……</p>
                            </div>
                            <img src="./images/pic_新闻图片01.png" alt="">
                        </li>
                    </ul>
                    <div class="more">
                        查看更多
                    </div>
                </div>
            </div>
            <!-- 关于我们 End -->
            <!-- footer Star -->
            <footer>
                <div class="code">
                    <div class="contact-us">
                        <h2>联系我们</h2>
                        <img src="./images/pic_code.png" alt="">
                    </div>
                    <div class="blank"></div>
                    <div class="contact-us">
                        <h2>微信关注我们</h2>
                        <img src="./images/pic_code.png" alt="">
                    </div>
                </div>
                <div data-animation="flipInX" data-timeout="400" class="hot-line">
                    <p>免费客服热线</p>
                    <p>400-650-6137</p>
                    <p>周一至周五 9:00-18:00</p>
                </div>
            </footer>
            <!-- footer End -->

            <!-- 隐藏菜单 Start -->
            <div class="zz"></div>
            <div class="menu-list ">

                <i class="iconfont icon-guanbi"></i>
                <!-- <div class="lucency"></div> -->
                <ul>
                    <li><a href="#">
                            <h2>数据产品</h2>
                            <p>DATA PRODUCT</p>
                        </a></li>
                    <li><a href="#">
                            <h2>服务流程</h2>
                            <p>SERVICE PROCESS</p>
                        </a></li>
                    <li><a href="#">
                            <h2>服务优势</h2>
                            <p>SERVICE ADVANTAGE</p>
                        </a></li>
                    <li><a href="#">
                            <h2>个性定制</h2>
                            <p>PERSONALIZEDCUSTOMIZATION</p>
                        </a></li>
                    <li><a href="#">
                            <h2>关于我们</h2>
                            <p>ABOUT US</p>
                        </a></li>
                    <li><a href="#">
                            <h2>联系我们</h2>
                            <p>CONTACT US</p>
                        </a></li>
                </ul>
            </div>
            <!-- 隐藏菜单 End -->
        </div>
    </div>
    <!-- <footer></footer> -->
    <script src="./node_modules/swiper/dist/js/swiper.js"></script>
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <script src="./js/rem.js"></script>
    <script src="./js/animation.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>